//返回顶部
$(function () {
    // $("footer").load("./footer.html",function(){
    //     console.log(111);

    // })
    $(".back-top").on("click", function () {
        $("html").stop().animate({
            scrollTop: 0
        }, 500)
    })
    //头部首页订单变色

    $(".span1-mom").on("mouseleave", function () {
        $(".dingdan").hide();
    })
    for (var i = 0; i < $(".dingdan").children.length; i++) {
        $(".span1").on("mouseenter", function () {
            $(".dingdan").show().css("background", "white");
        })
        $(".dingdan").children().eq(i).css("color", "pink")
    }
    //购物车显示
    $(".cart").on("mouseenter", function () {
        $(".cart-hiddren").show();
    })
    $(".cart").on("mouseleave", function () {
        $(".cart-hiddren").hide();
    })
    //导航栏鼠标隐藏部分移入变色
    $(".expersly").on("mouseenter", function () {
        $(".nav_ul").show();
    })
    $(".nav_ul li").on("mouseenter", function () {
        $(this).css("background", "#cf0101").siblings().css("background", "white");
        $(this).css("color", "#c69c6d").siblings().css("color", "black");
        $(this).css("background", "rgba(0,0,0,0.15)");
        $(this).find("svg").css("fill", "#c69c6d").parent("li").siblings("li").find("svg").css("fill", "black")
    })
    $(".nav_ul").on("mouseleave", function () {
        $(".nav_ul").hide();
    })
    // $(".expersly").on("mouseleave", function () {
    //     $(".nav_ul").hide();
    // })
    //导航栏显示部分鼠标事件
    $(".nav_up li").on("mouseenter", function () {
        $(this).css("color", "white").siblings().css("color", "#c69c6d");
    })
    $(".nav_up li").on("mouseleave", function () {
        $(this).css("color", "#c69c6d");
    })
    //轮播图
    //1.克隆
    $(".screen>ul>li:eq(0)").clone(true).appendTo(".screen>ul");
    //2.小点
    for (var i = 0; i < $('.screen>ul>li').length - 1; i++) {

        var $li = $("<li>" + + "</li>");

        $li.on("mouseenter", function () {
            var $index = $(this).index();
            imgIndex = dianIndex = $index - 1
            autoPlay();
        })
        if (i == 0) {
            $li.addClass("current");
        }
        $("ol").append($li);
    }
    //  自动轮播

    var imgIndex = 0;
    var dianIndex = 0;

    function autoPlay() {
        imgIndex++;
        if (imgIndex >= 9) {
            $(".screen ul").css({
                left: 0
            });
            imgIndex = 1;
        }


        $(".screen ul").stop().animate({
            left: -imgIndex * 1440
        }, 500)

        dianIndex++;
        if (dianIndex == 8) {
            dianIndex = 0;
        }
        $("ol>li").eq(dianIndex).addClass("current").siblings().removeClass();
    }

    var timer = setInterval(autoPlay, 3000);
    //给焦点绑定点击事件
    $("#right").on("mouseenter", function () {
        clearInterval(timer);

    }).on("click", function () {
        autoPlay();
    }).on("mouseleave", function () {
        timer = setInterval(autoPlay, 3000);
    })
    $("#left").on("mouseenter", function () {
        clearInterval(timer);
    }).on("click", function () {
        // autoPlay();
        imgIndex = imgIndex - 2;
        if (imgIndex == 8) {
            imgIndex = 0;
        }
        if (imgIndex < -1) {
            imgIndex = 6
        }
        console.log(imgIndex);

        dianIndex = imgIndex;
        autoPlay();
    }).on("mouseleave", function () {
        timer = setInterval(autoPlay, 3000);
    })
    // 鼠标移入品牌七届效果
    $(".line1_list li").on("mouseenter", function () {
        $(this).children(".brand_hide").stop().animate({ top: 174 })
    }).on("mouseleave", function () {
        $(".brand_hide").stop().animate({ top: 280 })
    })
    //鼠标移入品牌轮播
    $(".hotflag_1 li").on("mouseenter", function () {
        $(this).children(".hot_flag_1_hide").show();
        $(this).children("img").hide();
        $(this).css("border", "1px solid black")
    }).on("mouseleave", function () {
        $(this).children(".hot_flag_1_hide").hide();
        $(this).children("img").show();
        $(this).css("border", "1px solid #dfdfdf")
    })
    //鼠标移动下拉菜单tab栏切换
    $(".storesameb_top").children("div").on("mouseenter", function () {
        $(this).children(".storesametoptxt").stop().animate({ left: -20 })
        $(this).children(".storesametoppic").stop().animate({ left: 20 })
        // console.log(11221);
    }).on("mouseleave", function () {
        $(this).children(".storesametoptxt").stop().animate({ left: 0 })
        $(this).children(".storesametoppic").stop().animate({ left: 0 })
    })
    $(".storesameb_bottom").children("div").on("mouseenter", function () {
        $(this).children(".storesametoptxt").stop().animate({ left: -20 })
        $(this).children(".storesametoppic").stop().animate({ left: 20 })
        // console.log(11221);
    }).on("mouseleave", function () {
        $(this).children(".storesametoptxt").stop().animate({ left: 0 })
        $(this).children(".storesametoppic").stop().animate({ left: 0 })
    })
    //tab栏切换
    $(".line3_title li").on("mouseenter", function () {
        $(this).css("background", "black");
        var i = $(this).index();
        $(".storesame_box li").eq(i).show().siblings("li").hide();
    }).on("mouseleave", function () {
        $(this).css("background", "#999")
    })
})

